.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.w100 {
  width: 100px !important;
}
.tr {
  text-align: right !important;
}
.tl {
  text-align: left !important;
}
.tc {
  text-align: center;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.inline {
  display: inline-block !important;
}

.font12 {
  font-size: 12px !important;
}
.font16 {
  font-size: 16px !important;
}
.font18 {
  font-size: 18px !important;
}
.font22 {
  font-size: 22px !important;
}
.fwb {
  font-weight: bold !important;
}

.output {
  display: inline-block;
  word-wrap: break-word;
  font-size: 14px;
  margin: 10px;
  border: 1px solid #900;
  background-color: #efefef;
  width: 300px;
  padding: 10px;
}
.one-line {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.link {
  cursor: pointer !important;
}

.error-info-block {
  display: block;
  border: 1px solid #ccc;
  color: #900;
  background-color: #f5f7fa;
  border-radius: 5px;
  word-break: break-all;
  font-weight: bold;
  font-size: 10px;
  padding: 5px 10px;
  margin-bottom: 5px !important;
  box-shadow:0 3px 15px -3px rgba(0,0,0, .3) inset;
}
